.top1{
	width:100%;
	border:1px solid #ccc;
	margin-top:5px;
}
.inner_top{
	width:93.5%;
	margin-left:5px;
	padding:10px;
	
	
}
.inner_left{
	width:100px;
	height:100px;
	border:2px solid #ccc;
	
	
}
.inner_right{
	width:200px;
	height:100px;
	margin-left:10px;
}
.inner_left , .inner_right{
	float:left;
}
.inner_right p{

	margin:13px 0 0 3px; 
}
.inner_right_1{
	
	font-weight:bold;
	font-size:1em;
}
.botto{
	width:100%;
	height:100px;
	line-height:100px;
	
	
}
.botto button{
	padding:8px 35px;
	margin-left:12px;
	border:2px solid black;
	background-color:#fcc300;
	border:0;
}









/**老师注册*/
 #teacherRegist{width:86%;margin:7% auto;}

.fenxiang{text-align:center;margin:15px auto 0}
.fenxiang img{width:35%}
.zhuce{text-align:center;margin:15px auto 0}
.zhuce img{width:62%}

.color1{color:#818181}
.em10{font-size:1em}
.em12{font-size:1.2em}
.em13{font-size:1.3em}
.em15{font-size:1.5em}
.orange{color:#FCC300}
.orderSubmit{width:96%;margin:0 auto;}
.countSubmit{padding:20px 0;}
.inputStyle1{border:1px solid #e2e1da;padding:4%;background:#fff;position:relative;margin:0 auto 10px}
.inputStyle1 input{border:none;width:96%;margin:0 auto;}
.inputStyle1 img{position:absolute;height:100%;top:-1%;right:0}
.yanzheng1{width:56%;float:left}
.yanzheng2{width:30%;float:right;border:1px solid #fbc400;background:#fbc400;text-align:center;padding:4% 2% !important}
.orderSubmit .order_count{float:left;width:49%;border-right:1px solid #C5C5C3;line-height:35px;height:30px;position:relative}
.orderSubmit .order_total{float:right;width:49%;line-height:35px;height:30px;}
.orderSubmit .order_total span{float:right;padding:0 5px 0 0;}
.orderSubmit .shuliang{}
.orderSubmit .countBox {position:absolute;top:0;left:60px;}
.orderSubmit .countBox table{border:1px solid #DADAD2}
.orderSubmit .countBox input.count{height:100%;line-height:100%;text-align:center;border:none;width:30px;}

.orderSubmit .countBox img,.countBox img{height:30px;}

/**导航**/
#nav{width:100%}
#nav>ul>li{float:left;width:25%;position:relative}
#nav>ul>li>div.active{position:absolute;height:3px;width:100%;bottom:3px;left:0;background:#fbc400;display:none}
#nav>ul>li>div.on_active{display:block}
#nav>ul>li img{width:100%}

/**我的课程*/
#classList{}
#classList>ul>li{width:100%;background:#fff;}
#classList .box{width:96%;background:#fff;margin:0 auto;padding:10px 0}

#classList .box>.topList{}
#classList .box>.topList .p1{position:relative;}
#classList .box>.topList .p1{height:26px;line-height:26px;text-align:right;}
#classList .box>.topList .titleImg img{height:100%;position:absolute;left:0;top:0;}

#classList .box>.middleList{border-bottom:1px dashed #aeaeae;padding:5px 0 10px 0;margin:5px 0 10px 0;}
#classList .box>.middleList .leftImg{width:25%;float:left;}
#classList .box>.middleList .rightInfo{width:75%;float:left;}
#classList .box>.middleList .leftImg img{width:100%;max-width:100%}
#classList .box>.middleList .rightInfo .price{float:right;padding:0 10% 0 0;color:#ed9a02}

#classList .box>.middleList .rightInfo p{margin:0 0 2px}
#classList .box>.middleList .condition p{padding:5px 0 0;}
#classList .box>.middleList .rightInfo .detail{position:relative;height:25px;line-height:25px;}
#classList .box>.middleList .rightInfo .detail img{height:100%;position:absolute;right:0;top:0;}


#classList .box>.bottomList{text-align:right}
#classList .box>.bottomList img{height:30px;}

/**科目类别*/
.account_category {width:96%;margin:0 auto;}
.account_category .navCate{}
.account_category .navCate li{width:25%;float:left;font-size:0;position:relative;overflow:hidden}
.account_category .navCate li img{width:100%;border-bottom:1px dashed #aeaeae;}

.account_category .navCate .active_div{width:100%;position:absolute;text-align:center;bottom:-52px;}
.account_category .navCate .active_div div{
background:#F3F3F3;
width:60px;height:60px;
border:1px dashed #aeaeae;
margin:0 auto;
transform:matrix(0.5,0.5,-0.5,0.5,0,0);
-ms-transform:matrix(0.5,0.5,-0.5,0.5,0,0); /* IE 9 */
-moz-transform:matrix(0.5,0.5,-0.5,0.5,0,0); /* Firefox */
-webkit-transform:matrix(0.5,0.5,-0.5,0.5,0,0); /* Safari and Chrome */
-o-transform:matrix(0.5,0.5,-0.5,0.5,0,0); /* Opera */
}}


.account_category .subInfo{border-bottom:1px dashed #aeaeae;}
.account_category .subInfo .subdivide{background:#f3f3f3;padding:0 3%;}
.account_category .subInfo .subdivide>ul>li{float:left;background:#fac000;width:20%;margin:0 8% 10px 0;padding:15px 2%;text-align:center;}
.account_category .subInfo .subdivide h2{padding:10px 0;}


/**我的收藏*/
#collect{width:96%;margin:5px auto 0;}
#collect ul li{background:#fff;margin:0 0 5px;;}
#collect .box{padding:5px 0;border-bottom:1px dashed #aeaeae;width:96%;margin:0 auto}
#collect .box .collectImg{width:25%;float:left;text-align:center;}
#collect .box .collectImg img{width:90%;padding:5%;}
#collect .box .collectInfo{width:71%;float:left;padding:2%;}
#collect .box .collectInfo .inner p{padding:1% 0}

#collect .collectBtn{clear:both;text-align:right;padding:5px 3px 3px 0;}
#collect .collectBtn img{height:30px;margin:0 3px;}


/*资讯详情*/

.goodBackground{
	height:30px;line-height:30px;
	padding:0 0 0 63px;
}

/*评分打分*/
#gradesStu{width:96%;margin:10px auto;}
#gradesStu h2{margin:5px 0;font-weight:normal;}
#gradesStu .comment{padding:2%;}
#gradesStu .comment>.div1{width:18%;float:left}
#gradesStu .comment>.div2{width:78%;float:left}
#gradesStu .comment textarea{width:100%;height:100px}
#gradesStu .submitGrade{margin:8px auto;}
#gradesStu .submitGrade p{text-align:center;}
#gradesStu .submitGrade p img{width:60%;}

 
 /**订单详情*/
#orderDetail{}
#orderDetail>ul>li{width:100%;background:#fff;margin:10px 0 0}
#orderDetail .box{width:96%;background:#fff;margin:0 auto;padding:10px 0}

#orderDetail .box>.topList{}
#orderDetail .box>.topList .p1{position:relative;}
#orderDetail .box>.topList .p1{height:28px;line-height:28px;text-align:right;}
#orderDetail .box>.topList .titleImg {height:100%;position:absolute;left:0;top:0;}

#orderDetail .box>.middleList{border-top:1px dashed #aeaeae;border-bottom:1px dashed #aeaeae;padding:10px 0;margin:10px 0;}
#orderDetail .box>.middleList .leftImg{width:25%;float:left;}
#orderDetail .box>.middleList .rightInfo{width:75%;float:left;}
#orderDetail .box>.middleList .leftImg img{width:100%;max-width:100%}
#orderDetail .box>.middleList .rightInfo .price{float:right;padding:0 10% 0 0;color:#ed9a02}

#orderDetail .box>.middleList .rightInfo p{margin:0 0 2px}
#orderDetail .box>.middleList .condition p{padding:5px 0 0;}
#orderDetail .box>.middleList .rightInfo .detail{position:relative;height:25px;line-height:25px;}
#orderDetail .box>.middleList .rightInfo .detail img{height:100%;position:absolute;right:0;top:0;}


#orderDetail .box>.bottomList{text-align:right}
#orderDetail .box>.bottomList img{height:30px;}



/**课堂列表*/
#classroomList{}
#classroomList>ul>li{width:100%;background:#fff;margin:10px 0 0}
#classroomList .box{width:90%;background:#fff;margin:0 auto;padding:15px 0 0}

#classroomList .box>.topList{}
#classroomList .box>.topList .p1{position:relative;}
#classroomList .box>.topList .p1{height:26px;line-height:26px;text-align:right;}
#classroomList .box>.topList .titleImg{float:left}

#classroomList .box>.middleList{border-top:1px dashed #aeaeae;padding:10px 0 0;margin:10px 0;}
#classroomList .box>.middleList .rightInfo{width:100%;}
#classroomList .box>.middleList .leftImg img{width:100%;max-width:100%}
#classroomList .box>.middleList .rightInfo .price{float:right;padding:0 10% 0 0;color:#ed9a02}


#classroomList .box>.middleList .rightInfo p{margin:0 0 10px}
#classroomList .box>.middleList .rightInfo .detail{position:relative;height:25px;line-height:25px;}
#classroomList .box>.middleList .rightInfo .detail img{height:100%;position:absolute;right:0;top:0;}



/**课堂签到*/

#checkIn{margin:6% auto;width:88%;}
#checkIn .bg{width:100%}
#checkIn .bg img{width:100%}


#checkIn .checkContents{background:#fff;width:100%;}
#checkIn .checkContents .checkDetail{width:78%;padding:2% 11%;}
#checkIn .checkContents .checkDetail h2{padding:0 0 10px;border-bottom:1px dashed #b2b2b2;margin:0 0 10px 0}
#checkIn .checkContents .checkDetail p{margin:10px 0}











.top {
	background: #fcc300;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
}

.top_left {
	width: 10%;
	float: left;
}

.top_right {
	width: 10%;
	float: right;
}


.main_01{
	width: 100%;
	text-align:center;
	position: relative;
	margin-bottom:8%;
}

.main_01 #label_1{
	position: relative;
	padding-top:5%;
	padding-left:3%;
	margin:0 auto;
	width:45%;
	float:left;
}

.main_02{
	width: 100%;
	margin-bottom:8%;
	text-align:center;
	position: relative;
	margin-top: 11%;
}
.main_02 #label_1{
	margin:0 auto;
	position: relative;
	width:60%;
}

.main_03 {
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.main_03 #title {
	padding: 3% 0 3% 0;
	width: 100%;
	background: #FFF;
}

.main_03 #title .title_text {
	width:80%;
	margin:0 10%;
	padding:5px 0 ;
	background: #f3f3f3;
	border-radius:8px;
}

.main_03 #title img {
	width: 30%;
}

.main_03 #category {
	margin-top: 10%;
	width: 100%;
}

.main_04{
	text-align:center;
	position: relative;
	margin-left:8%;
	margin-right:8%;
}

.main_04 #label_1{
	padding-top:10%;
	width:100%;
}

.main_05 {
	position: relative;
	text-align: left;
}

.main_05 .panel {
	width:40%;
	position: relative;
	padding-top:5%;
	
	
}

.main_05 .panel_01 {
	border-top:1px dashed #aeaeae;
	width:80%;
	position: relative;
	padding:5% 5%;
  	margin: 0px 5%;
}

.main_05 .panel_02 {
	border-top:1px dashed #aeaeae;
	width:50%;
	position: relative;
	padding-top:5%;
	padding-left:20%;
	padding-right:20%;
	margin: 0px 5%;
}

.main_05 .panel_01 .tip{
	float:left;
	width:30%
}

.main_05 .panel_01 .text{
	float:left;
	width:70%
}

.main_05 .panel_01 label {
	width:40%;
	vertical-align:middle;
}

.main_05 .panel_01 textarea {
  width: 100%;
  height:100px;
  vertical-align: bottom;
  border: none;
  background: #f3f3f3;
}

.main_05 .panel_01 input[type="text"] {
	width:100%;
	border:none;
	background:#f3f3f3;
	vertical-align:middle;
}

.main_01 img{
	width:100%;
}
.main_02 img{
	width:100%;
}
.main_03 img{
	width:100%;
}
.main_04 img{
	width:100%;
}
.main_05 img{
	width:100%;
}


#nav {
	font-size:0;
	width: 100%
}

#nav>ul>li {
	float: left;
	width: 33.3%;
	position: relative
}
#nav>ul>li>div.active {
	position: relative;
	height: 5px;
	width: 100%;
	top:-5px;
	left: 0;
	background: #fbc400;
	display: none
}

#nav>ul>li>div.on_active {
	display: block
}

#nav>ul>li img {
	width: 100%
}

#nav>ul>li ul.hide {
	display:none;
}
#nav>ul>li ul.show {
	margin-top:-5px;
	width: 100%;
	z-index: 1;
	position: absolute;
	display:block;
}

#content{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}

#content>ul>li{
	margin-top: 2%;
	width:100%;
	position: relative
}
#content>ul>li img {	
	width: 100%
}
#content>ul>li>div.active {
	text-align: left;
	position:absolute;
	line-height:40px;
	height: 40px;
	width: 100%;
	bottom:0;
	left: 0;
	background: #FFF;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity = 0.8);
	-khtml-opacity: 0.8;
}
#content>ul>li>div.active>div.foot_left {
	position:absolute;top:0;left:3% ;
}
#content>ul>li>div.active>div.foot_right1 {
	position:absolute;top:0;right:13%;padding-top:8px;width:20px;
}
#content>ul>li>div.active>div.foot_right2 {
	position:absolute;top:0;right:3% ;
}


/**编辑我的发布*/
#classList{}
#classList>ul>li{width:100%;background:#fff;margin-top:3%;}
#classList .box{width:100%;background:#fff;padding:10px 0}

#classList .box>.topList{}
#classList .box>.topList .p1{position:relative;}
#classList .box>.topList .p1{height:26px;line-height:26px;text-align:right;font-size:15px;}
#classList .box>.topList .titleImg img{height:100%;position:absolute;left:0;top:0;}

#classList .box>ul>li>.middleList{border-top:1px dashed #aeaeae;border-bottom:1px dashed #aeaeae;padding:10px 0;margin: 10px 4%;}
#classList .box>ul>li>.middleList .leftImg{width:25%;float:left;}
#classList .box>ul>li>.middleList .rightInfo{width:75%;float:left;font-size:15px;}
#classList .box>ul>li>.middleList .leftImg img{width:100%;max-width:100%}
#classList .box>ul>li>.middleList .rightInfo .price{float:right;padding:0 10% 0 0;color:#ed9a02}

#classList .box>ul>li>.middleList .rightInfo p{margin:0 0 2px}
#classList .box>ul>li>.middleList .condition p{padding:5px 0 0;}
#classList .box>ul>li>.middleList .rightInfo .detail{position:relative;height:25px;line-height:25px;}
#classList .box>ul>li>.middleList .rightInfo .detail img{height:100%;position:absolute;right:0;top:0;}


#classList .box>ul>li>.bottomList{text-align:right;margin: 10px 4%;}
#classList .box>ul>li>.bottomList img{height:30px;}







.fileUpload_div{
	width:70%;
	height:70%;	
	position: absolute;
	left: 10pt;
	top: 10pt;
	border:1px solid red;
}
.fileUpload_class {
	width:100%;
	height:100%;
	opacity: 0; /*在Safari、Chrome、Opera和火狐新版本中的透明度问题*/
	-moz-opacity: 0; /*在火狐老版本中的透明度问题*/
	filter: alpha(opacity = 0); /*解决IE6/7/8中的透明度问题，IE9支持opacity属性*/
	-khtml-opacity: 0; /*在其他浏览器中的透明度问题*/
	
}

.foot{
	background: #fff;
	margin-left:20%;
	margin-right:20%;
}
.cang{
	width: 100%;
}

@charset "utf-8";
/* 代码整理：懒人之家 */

* {
	margin:0;
	padding:0;
	list-style-type:none;
}

/* star */
.star {
	position:relative;
	width:100%;
	margin:10% auto;
	
}
.star ul, .star span {
	float:left;
	display:inline;
	
	line-height:100%;
}
.star ul {
	margin:0 5%;
	width: 50%;
}
.star li {
	float:left;
	width:1em;
	margin-right:0.5em;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../img/start2.png) no-repeat;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
   -moz-background-size:100% 100%;
   background-size:100%;
	
}
.star strong {
	color:#f60;
	padding-left:10px;
}
.star li.on {
	background:url(../img/start.png) no-repeat;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
   -moz-background-size:100% 100%;
   background-size:100%;
}





/**
 * Checkbox Four
 */
.checkboxFour {
	width: 100%;
	height: 100%;	
	margin: 10px 10px;
 	border-radius:5px;
	position: relative;
	float: left;
	
}

/**
 * Create the checkbox button
 */
.checkboxFour img {
	position: absolute;
	
	width: 1em;
}

.checkstyle{
	width: 96%;margin-left: 2%;position: relative;
}
.checkstyle1{
	width: 96%;margin-left: -4%;position: relative;
}
.checkstyle2{
	width: 96%;position: relative;
}

.checksborder{
	border-top: 1px dashed   #e0e0e0;width: 100%;margin-top: 2%;margin-bottom: 2%
}

/**
 * radioFour Four
 */
.radioFour {
	width: 100%;
	
	float: left;
}


.radioFour img {
	position: absolute;
	top: 25%;
	width: 1em;
}




.checkboxGood {
	width: 100%;
	height: 100%;	
 	border-radius:5px;
	position: relative;
	float: left;
	
}
.checkboxGood img {
	position: absolute;
	width: 1em;
}


	